@charset "utf-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu { display: block; }
html, body { font-size: 12px; }
body { background-color: #efefef; color: #333; font: 14px/1.5 "HiraginoSansGB W3", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self; }
h1, h2, h3, h4, h5, h6 { font-size: 1.2rem; font-weight: normal; }
ul, ol { list-style-type: none; }
table { border-spacing: 0; border-collapse: collapse; }
th, td { word-wrap: break-word; }
sup, sub { position: absolute; text-align: center; vertical-align: baseline; }
sup { top: -.5rem; }
sub { bottom: -.5rem; }
strong, b { font-weight: normal; }
i, em, address { font-style: normal; }
img { border: none; vertical-align: top; }
a { color: #333; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #333; outline: none; }
/*表单*/
label { vertical-align: top; }
button, input, select, textarea { font: .9rem "Microsoft Yahei"; color: #333; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"] { padding: .25rem .25em; border: none; }
input[type="text"]:read-only, input[type="text"]:disabled, input[type="email"]:read-only, input[type="email"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="tel"]:read-only, input[type="tel"]:disabled, input[type="number"]:read-only, input[type="number"]:disabled, input[type="search"]:read-only, input[type="search"]:disabled, input[type="url"]:read-only, input[type="url"]:disabled, input[type="datetime"]:read-only, input[type="datetime"]:disabled, input[type="date"]:read-only, input[type="date"]:disabled, input[type="month"]:read-only, input[type="month"]:disabled, input[type="week"]:read-only, input[type="week"]:disabled, input[type="time"]:read-only, input[type="time"]:disabled { color: #999; }
input[type="button"], input[type="submit"], input[type="reset"] { border-radius: 0; }
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled { background-color: #c1c1c1; color: #fff; }
textarea { overflow-y: hidden; resize: none; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

/**弹性盒子模型**/
.flex-box { display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-center { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.flex-vercenter { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-item-1 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 0%; }
.flex-item-2 { -webkit-box-flex: 2; -webkit-flex: 2; flex: 2; width: 0%; }
.flex-item-3 { -webkit-box-flex: 3; -webkit-flex: 3; flex: 3; width: 0%; }
/**盒子模型**/
/*显示*/
.db { display: block; }
.di { display: inline; }
.din { display: inline-block; }
.dn { display: none; }
/*浮动*/
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
/*清除浮动*/
.clearfix:after { clear: both; display: block; height: 0; content: ""; }
/*边框*/
.border-gray { border: 1px solid #e1e1e1; }
/*圆角*/
/*圆*/
.round { border-radius: 50%; }
/*溢出*/
.oh { overflow: hidden; }

/**文字**/
/*颜色*/
.color-deepred { color: #c80d0d; }/*深红*/
.color-gray { color: #999; }/*常规灰色*/
.color-dark-gray { color: #666; }/*深灰色*/
/*文字溢出显示省略号*/
.toe { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/**顶部**/
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 10; height: 4rem; background: #05c0ab; }
.header h1 {  text-align: center; font-size: 2.1rem; color: #fff; line-height: 4rem; }
.back { background: url(../img/back.png) no-repeat center; }
.back { position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 4rem; background-size: .9rem; }

/*主体*/
.contains { padding-top: 4rem; }
.success-info { padding-top: 14.7rem; background: url(../img/success.png) no-repeat 50% 9rem; background-size: 5.8rem; }
.success-info h2{ font-size: 1.876rem; line-height: 5rem; text-align: center; color: #000; }
.detailed-info { font-size: 1.43rem; line-height: 1.6rem; text-align: center; color: #555454; }
.obj-amount { color: #dc1717; }
.success-act,.fail-act { text-align: center; margin: 2.8rem; }
.success-act input { width: 7.6rem; height: 2.53rem; border: 2px solid #10ae40; background-color: #d4f6de; color: #000; font-size: 1.5rem; }

.fail-info { padding-top: 14.7rem; background: url(../img/fail.png) no-repeat 50% 9rem; background-size: 5.8rem; }
.fail-info h2 { font-size: 1.876rem; line-height: 5rem; text-align: center; color: #c80d0d; }
.fail-act input { width: 7.6rem; height: 2.53rem; border: 2px solid #c80d0d; background-color: #f9e2e2; color: #000; font-size: 1.5rem; }
